<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		#form{
			width: 230px;
		}
	</style>
</head>
<body>
	<form action="#" id="form">
		姓名：<input type="text" name="name">
		密码：<input type="text" name="password">
		邮箱：<input type="text" name="email">
		<input type="button" value="提交">
	</form>

	<table width="400" border="3" cellpadding="10"> 
		<thead>
			<tr>
				<th>姓名</th>
				<th>密码</th>
				<th>邮箱</th>
			</tr>
		</thead>
		<tfoot></tfoot>
		<tbody>
			<tr align="center">
				<td></td>
				<td></td>
				<td></td>
			</tr>
		</tbody>
	</table>
	<script src="jquery-3.3.1.min.js"></script>
	<script>
		var submit=$('input[type=button]');
		var tds=$('td');
		$(submit).click(function(argument) {
			$(tds[0]).text($("input[name='name']").val());
			$(tds[1]).text($("input[name='password']").val());
			$(tds[2]).text($("input[name='email']").val());
		})
	</script>
</body>
</html>